<script setup lang="ts">
import useCompress from '@renderer/composables/useCompress'
import useVideo from '@renderer/composables/useVideo'

const { removeAll, resetAllVideo } = useVideo()
const { isRun } = useCompress()
const stop = () => {
  window.api.stop()
}
</script>

<template>
  <main class="flex justify-center">
    <el-button type="primary" size="small" @click="stop">停止转码</el-button>
    <el-button type="danger" size="small" :disabled="isRun" @click="removeAll()"
      >全部删除</el-button
    >
    <el-button type="danger" size="small" :disabled="isRun" @click="resetAllVideo()"
      >重置视频</el-button
    >
  </main>
</template>

<style lang="less" scoped>
.button {
}
</style>
